<!DOCTYPE html>
<!--suppress ALL-->
<html lang="en" xmlns:th="http://www.thymeleaf.org"
      xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
<head>
    <meta http-equiv="content-type" content="text/html;charset=utf-8">
    <script type="text/javascript" th:inline="javascript">
        /*<![CDATA[*/
        basePath = /*[[${#httpServletRequest.getScheme() + "://" + #httpServletRequest.getServerName() + ":" + #httpServletRequest.getServerPort() + #httpServletRequest.getContextPath()}]]*/'';
        //ctxPath = /*[[@{/}]]*/ '';
        /*]]>*/
    </script>
    <title>地图找房 - 深圳租房网</title>
    <meta name="keywords" content="深圳租房,深圳公寓,深圳租房网,租房网">
    <meta name="description" content="深圳租房，就上租房网。海量长租公寓直租房源，拎包入住，零中介费。">
    <meta name="viewport" content="initial-scale=1.0, user-scalable=yes">
    <link rel="stylesheet" type="text/css" href="/css/pc/client/common.css">
    <!--[if lte IE 8]>
    <script src="/common/js/html5shiv.js"></script>
    <![endif]-->
    <script src="https://hm.baidu.com/hm.js?d6b1afd88bad903f6c136281ac832114"></script>
    <link rel="stylesheet" type="text/css" href="/css/pc/client/map.css">
    <link rel="stylesheet" type="text/css" href="/libs/map/dist/map.css">
    <style type="text/css">
        .BMap_mask {
        background: transparent url(https://api.map.baidu.com/images/blank.gif);
    }

    .BMap_noscreen {
        display: none;
    }

    .BMap_button {
        cursor: pointer;
    }

    .BMap_zoomer {
        background-image: url(https://api.map.baidu.com/images/mapctrls1d3.gif);
        background-repeat: no-repeat;
        overflow: hidden;
        font-size: 1px;
        position: absolute;
        width: 7px;
        height: 7px;
    }

    .BMap_stdMpCtrl div {
        position: absolute;
    }

    .BMap_stdMpPan {
        width: 44px;
        height: 44px;
        overflow: hidden;
        background: url(https://api.map.baidu.com/images/mapctrls2d0.png) no-repeat;
    }

    .BMap_ie6 .BMap_stdMpPan {
        background: none;
    }

    .BMap_ie6 .BMap_smcbg {
        left: 0;
        width: 44px;
        height: 464px;
        filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="https://api.map.baidu.com/images/mapctrls2d0.png");
    }

    .BMap_ie6 .BMap_stdMpPanBg {
        z-index: -1;
    }

    .BMap_stdMpPan .BMap_button {
        height: 15px;
        width: 15px;
    }

    .BMap_panN, .BMap_panW, .BMap_panE, .BMap_panS {
        overflow: hidden;
    }

    .BMap_panN {
        left: 14px;
        top: 0;
    }

    .BMap_panW {
        left: 1px;
        top: 12px;
    }

    .BMap_panE {
        left: 27px;
        top: 12px;
    }

    .BMap_panS {
        left: 14px;
        top: 25px;
    }

    .BMap_stdMpZoom {
        top: 45px;
        overflow: hidden;
    }

    .BMap_stdMpZoom .BMap_button {
        width: 22px;
        height: 21px;
        left: 12px;
        overflow: hidden;
        background-image: url(https://api.map.baidu.com/images/mapctrls2d0.png);
        background-repeat: no-repeat;
        z-index: 10;
    }

    .BMap_ie6 .BMap_stdMpZoom .BMap_button {
        background: none;
    }

    .BMap_stdMpZoomIn {
        background-position: 0 -221px;
    }

    .BMap_stdMpZoomOut {
        background-position: 0 -265px;
    }

    .BMap_ie6 .BMap_stdMpZoomIn div {
        left: 0;
        top: -221px;
    }

    .BMap_ie6 .BMap_stdMpZoomOut div {
        left: 0;
        top: -265px;
    }

    .BMap_stdMpType4 .BMap_stdMpZoom .BMap_button {
        left: 0;
        overflow: hidden;
        background: -webkit-gradient(linear, 50% 0, 50% 100%, from(rgba(255, 255, 255, 0.85)), to(rgba(217, 217, 217, 0.85)));
        z-index: 10;
        -webkit-border-radius: 22px;
        width: 34px;
        height: 34px;
        border: 1px solid rgba(255, 255, 255, 0.5);
        -webkit-box-shadow: 0 2px 3.6px #CCC;
        display: -webkit-box;
        -webkit-box-align: center;
        -webkit-box-pack: center;
        -webkit-box-sizing: border-box;
    }

    .BMap_stdMpType4 .BMap_smcbg {
        position: static;
        background: url(https://api.map.baidu.com/images/mapctrls2d0_mb.png) 0 0 no-repeat;
        -webkit-background-size: 24px 32px;
    }

    .BMap_stdMpType4 .BMap_stdMpZoomIn {
        background-position: 0 0;
    }

    .BMap_stdMpType4 .BMap_stdMpZoomIn .BMap_smcbg {
        width: 24px;
        height: 24px;
        background-position: 0 0;
    }

    .BMap_stdMpType4 .BMap_stdMpZoomOut {
        background-position: 0 0;
    }

    .BMap_stdMpType4 .BMap_stdMpZoomOut .BMap_smcbg {
        width: 24px;
        height: 6px;
        background-position: 0 -25px;
    }

    .BMap_stdMpSlider {
        width: 37px;
        top: 18px;
    }

    .BMap_stdMpSliderBgTop {
        left: 18px;
        width: 10px;
        overflow: hidden;
        background: url(https://api.map.baidu.com/images/mapctrls2d0.png) no-repeat -23px -226px;
    }

    .BMap_stdMpSliderBgBot {
        left: 19px;
        height: 8px;
        width: 10px;
        top: 124px;
        overflow: hidden;
        background: url(https://api.map.baidu.com/images/mapctrls2d0.png) no-repeat -33px bottom;
    }

    .BMap_ie6 .BMap_stdMpSliderBgTop, .BMap_ie6 .BMap_stdMpSliderBgBot {
        background: none;
    }

    .BMap_ie6 .BMap_stdMpSliderBgTop div {
        left: -23px;
        top: -226px;
    }

    .BMap_ie6 .BMap_stdMpSliderBgBot div {
        left: -33px;
        bottom: 0;
    }

    .BMap_stdMpSliderMask {
        height: 100%;
        width: 24px;
        left: 10px;
        cursor: pointer;
    }

    .BMap_stdMpSliderBar {
        height: 11px;
        width: 19px;
        left: 13px;
        top: 80px;
        overflow: hidden;
        background: url(https://api.map.baidu.com/images/mapctrls2d0.png) no-repeat 0 -309px;
    }

    .BMap_stdMpSliderBar.h {
        background: url(https://api.map.baidu.com/images/mapctrls2d0.png) no-repeat 0 -320px;
    }

    .BMap_ie6 .BMap_stdMpSliderBar, .BMap_ie6 .BMap_stdMpSliderBar.h {
        background: none;
    }

    .BMap_ie6 .BMap_stdMpSliderBar div {
        top: -309px;
    }

    .BMap_ie6 .BMap_stdMpSliderBar.h div {
        top: -320px;
    }

    .BMap_zlSt, .BMap_zlCity, .BMap_zlProv, .BMap_zlCountry {
        position: absolute;
        left: 34px;
        height: 21px;
        width: 28px;
        background-image: url(https://api.map.baidu.com/images/mapctrls2d0.png);
        background-repeat: no-repeat;
        font-size: 0;
        cursor: pointer;
    }

    .BMap_ie6 .BMap_zlSt, .BMap_ie6 .BMap_zlCity, .BMap_ie6 .BMap_zlProv, .BMap_ie6 .BMap_zlCountry {
        background: none;
        overflow: hidden;
    }

    .BMap_zlHolder {
        display: none;
        position: absolute;
        top: 0;
    }

    .BMap_zlHolder.hvr {
        display: block;
    }

    .BMap_zlSt {
        background-position: 0 -380px;
        top: 21px;
    }

    .BMap_zlCity {
        background-position: 0 -401px;
        top: 52px;
    }

    .BMap_zlProv {
        background-position: 0 -422px;
        top: 76px;
    }

    .BMap_zlCountry {
        background-position: 0 -443px;
        top: 100px;
    }

    .BMap_ie6 .BMap_zlSt div {
        top: -380px;
    }

    .BMap_ie6 .BMap_zlCity div {
        top: -401px;
    }

    .BMap_ie6 .BMap_zlProv div {
        top: -422px;
    }

    .BMap_ie6 .BMap_zlCountry div {
        top: -443px;
    }

    .BMap_stdMpType1 .BMap_stdMpSlider, .BMap_stdMpType2 .BMap_stdMpSlider, .BMap_stdMpType3 .BMap_stdMpSlider, .BMap_stdMpType4 .BMap_stdMpSlider, .BMap_stdMpType2 .BMap_stdMpZoom, .BMap_stdMpType3 .BMap_stdMpPan, .BMap_stdMpType4 .BMap_stdMpPan {
        display: none;
    }

    .BMap_stdMpType3 .BMap_stdMpZoom {
        top: 0;
    }

    .BMap_stdMpType4 .BMap_stdMpZoom {
        top: 0;
    }

    .BMap_cpyCtrl a {
        font-size: 11px;
        color: #7979CC;
    }

    .BMap_scaleCtrl {
        height: 23px;
        overflow: hidden;
    }

    .BMap_scaleCtrl div.BMap_scaleTxt {
        font-size: 11px;
        font-family: Arial, sans-serif;
    }

    .BMap_scaleCtrl div {
        position: absolute;
        overflow: hidden;
    }

    .BMap_scaleHBar img, .BMap_scaleLBar img, .BMap_scaleRBar img {
        position: absolute;
        width: 37px;
        height: 442px;
        left: 0;
    }

    .BMap_scaleHBar {
        width: 100%;
        height: 5px;
        font-size: 0;
        bottom: 0;
    }

    .BMap_scaleHBar img {
        top: -437px;
        width: 100%;
    }

    .BMap_scaleLBar, .BMap_scaleRBar {
        width: 3px;
        height: 9px;
        bottom: 0;
        font-size: 0;
        z-index: 1;
    }

    .BMap_scaleLBar img {
        top: -427px;
        left: 0;
    }

    .BMap_scaleRBar img {
        top: -427px;
        left: -5px;
    }

    .BMap_scaleLBar {
        left: 0;
    }

    .BMap_scaleRBar {
        right: 0;
    }

    .BMap_scaleTxt {
        text-align: center;
        width: 100%;
        cursor: default;
        line-height: 18px;
    }

    .BMap_omCtrl {
        background-color: #fff;
        overflow: hidden;
    }

    .BMap_omOutFrame {
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
    }

    .BMap_omInnFrame {
        position: absolute;
        border: 1px solid #999;
        background-color: #ccc;
        overflow: hidden;
    }

    .BMap_omMapContainer {
        position: absolute;
        overflow: hidden;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
    }

    .BMap_omViewMv {
        border-width: 1px;
        border-style: solid;
        border-left-color: #84b0df;
        border-top-color: #adcff4;
        border-right-color: #274b8b;
        border-bottom-color: #274b8b;
        position: absolute;
        z-index: 600;
    }

    .BMap_omViewInnFrame {
        border: 1px solid #3e6bb8;
    }

    .BMap_omViewMask {
        width: 1000px;
        height: 1000px;
        position: absolute;
        left: 0;
        top: 0;
        background-color: #68c;
        opacity: .2;
        filter: progid:DXImageTransform.Microsoft.Alpha(opacity=20);
    }

    .BMap_omBtn {
        height: 13px;
        width: 13px;
        position: absolute;
        cursor: pointer;
        overflow: hidden;
        background: url(https://api.map.baidu.com/images/mapctrls1d3.gif) no-repeat;
        z-index: 1210;
    }

    .anchorBR .BMap_omOutFrame {
        border-top: 1px solid #999;
        border-left: 1px solid #999;
    }

    .quad4 .BMap_omBtn {
        background-position: -26px -27px;
    }

    .quad4 .BMap_omBtn.hover {
        background-position: 0 -27px;
    }

    .quad4 .BMap_omBtn.BMap_omBtnClosed {
        background-position: -39px -27px;
    }

    .quad4 .BMap_omBtn.BMap_omBtnClosed.hover {
        background-position: -13px -27px;
    }

    .anchorTR .BMap_omOutFrame {
        border-bottom: 1px solid #999;
        border-left: 1px solid #999;
    }

    .quad1 .BMap_omBtn {
        background-position: -39px -41px;
    }

    .quad1 .BMap_omBtn.hover {
        background-position: -13px -41px;
    }

    .quad1 .BMap_omBtn.BMap_omBtnClosed {
        background-position: -26px -41px;
    }

    .quad1 .BMap_omBtn.BMap_omBtnClosed.hover {
        background-position: 0 -41px;
    }

    .anchorBL .BMap_omOutFrame {
        border-top: 1px solid #999;
        border-right: 1px solid #999;
    }

    .quad3 .BMap_omBtn {
        background-position: -27px -40px;
    }

    .quad3 .BMap_omBtn.hover {
        background-position: -1px -40px;
    }

    .quad3 .BMap_omBtn.BMap_omBtnClosed {
        background-position: -40px -40px;
    }

    .quad3 .BMap_omBtn.BMap_omBtnClosed.hover {
        background-position: -14px -40px;
    }

    .anchorTL .BMap_omOutFrame {
        border-bottom: 1px solid #999;
        border-right: 1px solid #999;
    }

    .quad2 .BMap_omBtn {
        background-position: -40px -28px;
    }

    .quad2 .BMap_omBtn.hover {
        background-position: -14px -28px;
    }

    .quad2 .BMap_omBtn.BMap_omBtnClosed {
        background-position: -27px -28px;
    }

    .quad2 .BMap_omBtn.BMap_omBtnClosed.hover {
        background-position: -1px -28px;
    }

    .anchorR .BMap_omOutFrame {
        border-bottom: 1px solid #999;
        border-left: 1px solid #999;
        border-top: 1px solid #999;
    }

    .anchorL .BMap_omOutFrame {
        border-bottom: 1px solid #999;
        border-right: 1px solid #999;
        border-top: 1px solid #999;
    }

    .anchorB .BMap_omOutFrame {
        border-top: 1px solid #999;
        border-left: 1px solid #999;
        border-right: 1px solid #999;
    }

    .anchorT .BMap_omOutFrame {
        border-bottom: 1px solid #999;
        border-right: 1px solid #999;
        border-left: 1px solid #999;
    }

    .anchorNon .BMap_omOutFrame, .withOffset .BMap_omOutFrame {
        border: 1px solid #999;
    }

    .BMap_zoomMask0, .BMap_zoomMask1 {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: transparent url(https://api.map.baidu.com/images/blank.gif);
        z-index: 1000;
    }

    .BMap_contextMenu {
        position: absolute;
        border-top: 1px solid #adbfe4;
        border-left: 1px solid #adbfe4;
        border-right: 1px solid #8ba4d8;
        border-bottom: 1px solid #8ba4d8;
        padding: 0;
        margin: 0;
        width: auto;
        visibility: hidden;
        background: #fff;
        z-index: 10000000;
    }

    .BMap_cmShadow {
        position: absolute;
        background: #000;
        opacity: .3;
        filter: alpha(opacity=30);
        visibility: hidden;
        z-index: 9000000;
    }

    div.BMap_cmDivider {
        border-bottom: 1px solid #adbfe4;
        font-size: 0;
        padding: 1px;
        margin: 0 6px;
    }

    div.BMap_cmFstItem {
        margin-top: 2px;
    }

    div.BMap_cmLstItem {
        margin-bottom: 2px;
    }

    .BMap_shadow img {
        border: 0 none;
        margin: 0;
        padding: 0;
        height: 370px;
        width: 1144px;
    }

    .BMap_pop .BMap_top {
        border-top: 1px solid #ababab;
        background-color: #fff;
    }

    .BMap_pop .BMap_center {
        border-left: 1px solid #ababab;
        border-right: 1px solid #ababab;
        background-color: #fff;
    }

    .BMap_pop .BMap_bottom {
        border-bottom: 1px solid #ababab;
        background-color: #fff;
    }

    .BMap_shadow, .BMap_shadow img, .BMap_shadow div {
        -moz-user-select: none;
        -webkit-user-select: none;
    }

    .BMap_checkbox {
        background: url(https://api.map.baidu.com/images/mapctrls1d3.gif);
        vertical-align: middle;
        display: inline-block;
        width: 11px;
        height: 11px;
        margin-right: 4px;
        background-position: -14px 90px;
    }

    .BMap_checkbox.checked {
        background-position: -2px 90px;
    }

    .BMap_pop .BMap_top img, .BMap_pop .BMap_center img, .BMap_pop .BMap_bottom img {
        display: none;
    }

    @media print {
        .BMap_noprint {
            display: none;
        }

        .BMap_noscreen {
            display: block;
        }

        .BMap_mask {
            background: none;
        }

        .BMap_pop .BMap_top img, .BMap_pop .BMap_center img, .BMap_pop .BMap_bottom img {
            display: block;
        }
    }

    .BMap_vectex {
        cursor: pointer;
        width: 11px;
        height: 11px;
        position: absolute;
        background-repeat: no-repeat;
        background-position: 0 0;
    }

    .BMap_vectex_nodeT {
        background-image: url(https://api.map.baidu.com/images/nodeT.gif);
    }

    .BMap_vectex_node {
        background-image: url(https://api.map.baidu.com/images/node.gif);
    }

    .iw {
        width: 100%;
        -webkit-box-sizing: border-box;
        border: .3em solid transparent;
        -webkit-background-clip: padding;
    }

    .iw_rt {
        position: relative;
        height: 46px;
        width: 195px;
        -webkit-box-sizing: border-box;
        display: -webkit-box;
        -webkit-box-align: center;
        margin: 2px 5px 0 2px;
        background-color: rgba(0, 0, 0, 0.8);
        -webkit-box-shadow: 2px 2px 7px rgba(0, 0, 0, 0.3);
        -webkit-border-radius: 2px;
        color: #fff;
    }

    .iw_rt:after {
        content: "";
        position: absolute;
        left: 50%;
        bottom: -8px;
        width: 0;
        height: 0;
        border-left: 5px solid transparent;
        border-top: 8px solid rgba(0, 0, 0, 0.8);
        border-right: 5px solid transparent;
        margin: 0 0 0 -6px;
    }

    .iw_s {
        text-align: center;
        vertical-align: middle;
        height: 100%;
        -webkit-box-sizing: border-box;
    }

    .iw_rt .iw_s1 {
        color: #cbcbcb;
    }

    .iw_rt b {
        color: #fff;
        font-weight: bold;
    }

    .iw_rt_gr {
        margin-left: -4px;
    }

    .iw_busline {
        margin: 32px 0 0 -3px;
    }

    .iw_busline .iw_cc {
        text-align: center;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        padding: 0 6px;
    }

    .iw_r {
        -webkit-box-ordinal-group: 3;
    }

    .iw_r, .iw_l {
        height: 100%;
        font-size: 4.5em;
        text-align: center;
        color: #747474;
        border: none;
        -webkit-box-sizing: border-box;
        -webkit-border-radius: 0;
        line-height: .7em;
        border: 1px solid rgba(255, 255, 255, 0.2);
        width: 41px;
    }

    .iw_r {
        border-style: none none none solid;
    }

    .iw_l {
        border-style: none solid none none;
    }

    .iw_search, .iw_l {
        background: url(" bWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdp bj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6 eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEz NDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJo dHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlw dGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAv IiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RS ZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpD cmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNl SUQ9InhtcC5paWQ6QjA3NjMyREJDNzQ2MTFFMTlBQUM5QzlCRDZGODZCQkYiIHhtcE1NOkRvY3Vt ZW50SUQ9InhtcC5kaWQ6QjA3NjMyRENDNzQ2MTFFMTlBQUM5QzlCRDZGODZCQkYiPiA8eG1wTU06 RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpCMDc2MzJEOUM3NDYxMUUxOUFB QzlDOUJENkY4NkJCRiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpCMDc2MzJEQUM3NDYxMUUx OUFBQzlDOUJENkY4NkJCRiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1w bWV0YT4gPD94cGFja2V0IGVuZD0iciI/PllB9T8AAAKuSURBVHjaxFjRcdpAEAX+mVEqiFxB5AoQ HZAKElcArsBWBSgVQCoAVwCuwEoFlivwGQpI7jKrzGXn7ep0EsPO7BjLp/O73bdv9xifTqdRpCXW c+sz65n1lNy3mvzZemX9aN34C6bTKdx8HAHMgVlaX0QeaGv9J4EcBJgD9EA/hzAH7N4Cq/oAW1tf KX+vKEXP7PlMSLFvhQX32BWY49GBOIRO7FKy57wBlnoUQHu5yJX+g4mymdvgFWzkAM3JtwGgmiJw a2/pvQoEYBQCLKNI8RfuaeNjT245gAUdqgHdmkqUPiOctLdJVYkithkAVO/K5cC+M30KAZVSxboo /ybnn1eIR5r5qUyI7P4GX6nqJHskbQsxQ7wqu6aSn2qrgHLrXjqAat5ZC0WlRuzVE0J3uhtBCjRt a3qjX92JIMiOIqYtYgumzpo+7RRtu/E0zvknokMF5GgdQv4Ze/5DWL8CFVe2aNuedGsLCi1vS+WL F4WKNkL2Dnh414FnO1b1R5vKuRaxjKUF2YKBqjuCGtF6nyL5+XxOJWCcL2/CpjzdRYRuGpDShQQs ARUj9U/OnRh7Yr9/CW1JXU4fYxXoHIMCu+iB+gBLIt/LgShDYCYktGCDfCBgvyRgVQgZwTy/jIzy EnQNMZV1QCT4bJ+3XFCkS81/WijdkiYAdSak04BWtabWEmIbsNZYgU00YE+gjyErQeo31GpShVMH Yc+/dwsEzh97/D6ojT2ZMlM1XwN8WP9Ma7NAbZvbtBoEjE+jBT2TusCu5SIbI7z/wLWN1rdKi0o6 cqwTuAmYyTm5NQW/82atWvlnBbo7apxD98qDJxl7mkC76JQ2Qm0CI1xKF95Gb4oLXHJDwJlxjy/u LgruGtNFM8lqnNtfK2JqN3CVeW1gzWj9jThd0xd59R8BBgAAiefGO1Bt1gAAAABJRU5ErkJggg==") no-repeat 50% 50%;
        -webkit-background-size: 19px 19px;
    }

    .iw_line_s, .iw_r {
        background: url(" bWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdp bj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6 eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEz NDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJo dHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlw dGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAv IiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RS ZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpD cmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNl SUQ9InhtcC5paWQ6QjA3NjMyREZDNzQ2MTFFMTlBQUM5QzlCRDZGODZCQkYiIHhtcE1NOkRvY3Vt ZW50SUQ9InhtcC5kaWQ6QjA3NjMyRTBDNzQ2MTFFMTlBQUM5QzlCRDZGODZCQkYiPiA8eG1wTU06 RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpCMDc2MzJEREM3NDYxMUUxOUFB QzlDOUJENkY4NkJCRiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpCMDc2MzJERUM3NDYxMUUx OUFBQzlDOUJENkY4NkJCRiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1w bWV0YT4gPD94cGFja2V0IGVuZD0iciI/PqheQ+MAAAEtSURBVHja7JftDYIwEIbB8JeEUXACZQPd oGygE+gGxAnQEZzAOgEdwREIDKBXUgjBIqW5Npj0kvcHpG0erveFX1WVZ8l2oBhEhRoLw/BroW8J KgeR3vMVlI5BrSwAHQZAnngmYxtMe4oIL41ZAp6iNqF4/BQTa0oBxmxAcaAHKFJY+wKtAaw0CRUJ oHjGHiY8VpqCKmYCdRkJUKmJ7Ms1gZqkqOs6w/bUGXRCOGePCcXjaItwDsW8PoZ0zhM70IeeyiZi jH/Isf+CF9MAOdCppDj+LJ6yim6j9802B6VqQa818BFjY6AHakHp9Crj15ctCaiFIi7Q/wCKLRHq vjSoVNKWunH4rTBDv5Cv7NKeKfvvU2nINzHAuexzUA7KQTkoB6UxDicKvc+qfQQYABaiUBxugCsr AAAAAElFTkSuQmCC") no-repeat 50% 50%;
        -webkit-background-size: 19px 19px;
    }

    .iw_line {
        height: 64px;
        width: 228px;
        padding: 0 11px;
        line-height: 20px;
    }

    .iw_bustrans .iw_cc {
        text-align: center;
    }

    .iw_c {
        color: #FFFFFF;
        text-decoration: none;
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-align: center;
        -webkit-box-flex: 1;
    }

    .iw_cc {
        -webkit-box-sizing: border-box;
        width: 100%;
        border: none;
    }

    .gray_background {
        filter: alpha(opacity=50);
        -moz-opacity: 0.5;
        -khtml-opacity: 0.5;
        opacity: 0.5
    }

    .light_gray_background {
        filter: alpha(opacity=70);
        -moz-opacity: 0.7;
        -khtml-opacity: 0.7;
        opacity: 0.7
    }

    .panoInfoBox {
        cursor: pointer;
    }

    .panoInfoBox {
        position: relative;
        width: 323px;
        height: 101px;
        margin-bottom: 4px;
        cursor: pointer;
    }

    .panoInfoBox .panoInfoBoxTitleBg {
        width: 323px;
        height: 19px;
        position: absolute;
        left: 0;
        bottom: 0;
        z-index: 2;
        background-color: #000;
        opacity: .7;
    }

    .panoInfoBox .panoInfoBoxTitleContent {
        font-size: 12px;
        color: #fff;
        position: absolute;
        bottom: 2px;
        left: 5px;
        z-index: 3;
        text-decoration: none;
    }

    .RouteAddressOuterBkg {
        position: relative;
        padding: 32px 4px 4px 3px;
        background-color: #ffdd99;
    }

    .RouteAddressInnerBkg {
        padding: 3px 5px 8px 8px;
        background-color: #ffffff;
    }

    #RouteAddress_DIV1 {
        margin-top: 5px;
    }

    .RouteAddressTip {
        position: absolute;
        width: 100%;
        top: 0px;
        text-align: center;
        height: 30px;
        line-height: 30px;
        color: #994c00;
    }

    .route_tip_con {
        position: absolute;
        top: 145px;
    }

    .route_tip_con .route_tip {
        position: absolute;
        width: 233px;
        height: 29px;
        color: #803300;
        text-align: center;
        line-height: 29px;
        border: #cc967a solid 1px;
        background: #fff2b2;
        z-index: 100000;
    }

    .route_tip_con .route_tip span {
        position: absolute;
        top: 0;
        right: 0;
        _right: -1px;
        width: 14px;
        height: 13px;
        background: url(https://api.map.baidu.com/images/addrPage.png?v=20121107) no-repeat 0 -121px;
        cursor: pointer;
    }

    .route_tip_con .route_tip_shadow {
        width: 233px;
        height: 29px;
        position: absolute;
        left: 1px;
        top: 1px;
        background: #505050;
        border: 1px solid #505050;
        opacity: 0.2;
        filter: alpha(opacity=20)
    }

    .sel_body_body_page {
        margin: 5px 0
    }

    .sel_n {
        margin-top: 5px;
        overflow: hidden;
    }

    .sel_n .sel_top {
        background: url(https://api.map.baidu.com/images/bgs.gif) no-repeat 0 -418px;
        height: 4px;
        font-size: 0px;
    }

    .sel_n .sel_body_top {
        height: 32px;
        width: 100%;
        background: url(https://api.map.baidu.com/images/addrPage.png?v=20121107) no-repeat 0 -41px;
    }

    .sel_n .sel_body_title {
        float: left;
        width: 100%;
        height: 31px;
    }

    .sel_n .sel_body_sign {
        margin-top: 1px;
        width: 30px;
        height: 31px;
        float: left;
        background: url(https://api.map.baidu.com/images/bgs.gif) no-repeat -79px -387px;
    }

    .sel_n .sel_body_name {
        height: 10px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        margin: 0 20px 0 30px;
        padding: 8px 7px 7px;
        font-size: 14px;
        color: #FA8722;
    }

    .sel_n .sel_body_button {
        float: left;
        width: 55px;
        margin-left: -55px;
        padding-top: 8px;
    }

    .sel_n .sel_body_button a {
    }

    .sel_n .sel_bottom {
        background: url(https://api.map.baidu.com/images/bgs.gif) no-repeat 0 -415px;
        height: 4px;
        font-size: 0px;
    }

    .sel_n .sel_body_body {
        padding: 3px 0 0 0
    }

    .sel_n1 {
        margin-top: 5px;
        width: 329px;
        overflow: hidden;
    }

    .sel_n1 .sel_top {
        background: url(https://api.map.baidu.com/images/bgs.gif) no-repeat 0 -418px;
        height: 4px;
        font-size: 0px;
    }

    .sel_n1 .sel_body_top {
        height: 31px;
        width: 100%;
        background: url(https://api.map.baidu.com/images/sel_body_n_top.gif) repeat-x;
    }

    .sel_n1 .sel_body_top {
        height: 32px;
        width: 100%;
        background: url(https://api.map.baidu.com/images/addrPage.png?v=20121107) no-repeat 0 -41px
    }

    .sel_n1 .sel_body_title {
        float: left;
        width: 100%;
        height: 31px;
        cursor: pointer;
    }

    .sel_n1 .sel_body_sign {
        margin-top: 1px;
        width: 30px;
        height: 31px;
        float: left;
        background: url(https://api.map.baidu.com/images/bgs.gif) no-repeat -79px -387px;
    }

    .sel_n1 .sel_body_name {
        margin: 0 20px 0 30px;
        padding: 8px 7px 7px;
        font-size: 14px;
        color: #FA8722;
    }

    .sel_n1 .sel_body_button {
        float: left;
        width: 20px;
        height: 31px;
        margin-left: -23px;
        background: url(https://api.map.baidu.com/images/bgs.gif) no-repeat -253px -382px;
        overflow: hidden;
        zoom: 1;
        cursor: pointer;
    }

    .sel_n1 .sel_body_button a {
        display: none;
    }

    .sel_n1 .sel_body_body {
        display: none
    }

    .sel_n1 .sel_bottom {
        background: url(https://api.map.baidu.com/images/bgs.gif) no-repeat 0 -415px;
        height: 4px;
        font-size: 0px;
    }

    .sel_y {
        margin-top: 5px;
        overflow: hidden;
    }

    .sel_y .sel_top {
        background: url(https://api.map.baidu.com/images/bgs.gif) no-repeat 0 -439px;
        height: 4px;
        zoom: 1;
        font-size: 0px;
    }

    .sel_y .sel_body_top {
        height: 32px;
        width: 100%;
        background: url(https://api.map.baidu.com/images/addrPage.png?v=20121107) no-repeat 0 0
    }

    .sel_y .sel_body_title {
        float: left;
        width: 100%;
        height: 31px;
        cursor: pointer;
    }

    .sel_y .sel_body_sign {
        margin-top: 1px;
        width: 30px;
        height: 31px;
        float: left;
        background: url(https://api.map.baidu.com/images/bgs.gif) no-repeat -167px -384px;
    }

    .sel_y .sel_body_name {
        margin: 0 20px 0 30px;
        padding: 8px 7px 7px;
        font-size: 14px;
        color: #5B7BCB;
    }

    .sel_y .sel_body_button {
        float: left;
        width: 20px;
        height: 31px;
        margin-left: -20px;
        background: url(https://api.map.baidu.com/images/bgs.gif) no-repeat -269px -297px;
        cursor: pointer;
    }

    .sel_y .sel_body_button a {
        display: none;
    }

    .sel_y .sel_body_body {
        display: none;
        height: 0px
    }

    .sel_y .sel_body_body_div {
    }

    .sel_y .sel_bottom {
        background: url(https://api.map.baidu.com/images/bgs.gif) no-repeat 0 -436px;
        height: 4px;
        font-size: 0px;
    }

    .sel_y .sel_body_body_page {
        display: none;
        height: 0px;
    }

    .sel_x {
        margin-top: 5px;
        width: 329px;
        overflow: hidden;
    }

    .sel_x .sel_top {
        background: url(https://api.map.baidu.com/images/bgs.gif) no-repeat 0 -418px;
        height: 4px;
        font-size: 0px;
    }

    .sel_x .sel_body_top {
        height: 32px;
        width: 100%;
        background: url(https://api.map.baidu.com/images/addrPage.png?v=20121107) no-repeat 0 -41px;
    }

    .sel_x .sel_body_title {
        float: left;
        width: 100%;
        height: 31px;
    }

    .sel_x .sel_body_sign {
        margin-top: 1px;
        width: 30px;
        height: 31px;
        float: left;
        background: url(https://api.map.baidu.com/images/bgs.gif) no-repeat -122px -384px;
    }

    .sel_x .sel_body_name {
        margin: 0 20px 0 30px;
        padding: 8px 7px 7px;
        font-size: 14px;
        color: #FA8722;
    }

    .sel_x .sel_body_button {
        float: left;
        width: 55px;
        margin-left: -55px;
        padding-top: 8px;
    }

    .sel_x .sel_body_button a {
    }

    .sel_x .sel_body_body {
    }

    .sel_x .sel_body_body_div {
        padding: 5px 5px 0 5px;
    }

    .sel_x .sel_bottom {
        background: url(https://api.map.baidu.com/images/bgs.gif) no-repeat 0 -415px;
        height: 4px;
        font-size: 0px;
    }

    .sel_x1 {
        margin-top: 5px;
        width: 329px;
        overflow: hidden;
    }

    .sel_x1 .sel_top {
        background: url(https://api.map.baidu.com/images/bgs.gif) no-repeat 0 -418px;
        height: 4px;
        font-size: 0px;
    }

    .sel_x1 .sel_body_top {
        height: 32px;
        width: 100%;
        background: url(https://api.map.baidu.com/images/addrPage.png?v=20121107) no-repeat 0 -41px
    }

    .sel_x1 .sel_body_title {
        float: left;
        width: 100%;
        height: 31px;
        cursor: pointer;
    }

    .sel_x1 .sel_body_sign {
        margin-top: 1px;
        width: 30px;
        height: 31px;
        float: left;
        background: url(https://api.map.baidu.com/images/bgs.gif) no-repeat -122px -384px;
    }

    .sel_x1 .sel_body_name {
        margin: 0 20px 0 30px;
        padding: 8px 7px 7px;
        font-size: 14px;
        color: #FA8722;
    }

    .sel_x1 .sel_body_button {
        float: left;
        width: 55px;
        height: 31px;
        margin-left: -55px;
    }

    .sel_x1 .sel_body_button a {
        display: none;
    }

    .sel_x1 .sel_body_body {
        display: none;
        height: 0px;
    }

    .sel_x1 .sel_body_body_div {
        padding: 5px 5px 0 5px;
    }

    .sel_x1 .sel_bottom {
        background: url(https://api.map.baidu.com/images/bgs.gif) no-repeat 0 -415px;
        height: 4px;
        font-size: 0px;
    }

    .sel_body_citylist {
        height: 100px;
        padding: 0 0 0 5px
    }

    .sel_body_resitem {
        table-layout: fixed;
        overflow-x: hidden;
        overflow-y: hidden;
    }

    .sel_body_resitem table {
        margin-right: 5px;
    }

    .sel_body_resitem tr {
        cursor: pointer;
    }

    .sel_body_resitem th {
        padding-top: 5px;
        padding-left: 5px;
        text-align: left;
        vertical-align: top;
        width: 22px;
    }

    .sel_body_resitem th div.iconbg {
        background: url(https://api.map.baidu.com/images/markers_new_ie6.png) no-repeat scroll 0 0;
        height: 29px;
        width: 24px;
    }

    .sel_body_resitem th div.icon {
        cursor: pointer
    }

    .sel_body_resitem th div#no_0_1, .sel_body_resitem th div#no_1_1 {
        background-position: 0 -64px
    }

    .sel_body_resitem th div#no_0_2, .sel_body_resitem th div#no_1_2 {
        background-position: -24px -64px
    }

    .sel_body_resitem th div#no_0_3, .sel_body_resitem th div#no_1_3 {
        background-position: -48px -64px
    }

    .sel_body_resitem th div#no_0_4, .sel_body_resitem th div#no_1_4 {
        background-position: -72px -64px
    }

    .sel_body_resitem th div#no_0_5, .sel_body_resitem th div#no_1_5 {
        background-position: -96px -64px
    }

    .sel_body_resitem th div#no_0_6, .sel_body_resitem th div#no_1_6 {
        background-position: -120px -64px
    }

    .sel_body_resitem th div#no_0_7, .sel_body_resitem th div#no_1_7 {
        background-position: -144px -64px
    }

    .sel_body_resitem th div#no_0_8, .sel_body_resitem th div#no_1_8 {
        background-position: -168px -64px
    }

    .sel_body_resitem th div#no_0_9, .sel_body_resitem th div#no_1_9 {
        background-position: -192px -64px
    }

    .sel_body_resitem th div#no_0_10, .sel_body_resitem th div#no_1_10 {
        background-position: -216px -64px
    }

    .sel_body_resitem td {
        line-height: 160%;
        padding: 3px 0 3px 3px;
        vertical-align: top;
    }

    .sel_body_resitem div.ra_td_title {
        float: left;
        margin-right: 40px;
    }

    .sel_body_resitem div.ra_td_button {
        float: right;
        width: 40px;
    }

    .sel_body_resitem div.ra_td_button input {
        height: 18px;
        font-size: 12px;
        width: 40px;
    }

    .sel_body_resitem div.clear {
        clear: both;
        height: 0px;
        width: 100%;
    }

    .sel_body_resitem td .selBtn {
        width: 70px;
        height: 29px;
        background: url(https://api.map.baidu.com/images/addrPage.png?v=20121107) no-repeat -21px -81px;
        text-align: center;
        line-height: 29px;
        visibility: hidden;
        color: #b35900;
        display: inline-block;
        *display: inline;
        *zoom: 1;
    }

    .sel_body_resitem td .list_street_view_poi {
        display: inline-block;
        float: none;
        margin-right: 6px;
        position: static;
        *vertical-align: -3px;
        _vertical-align: -5px;
        *display: inline;
        *zoom: 1;
    }

    .selInfoWndBtn {
        width: 70px;
        height: 29px;
        background: url(https://api.map.baidu.com/images/addrPage.png?v=20121107) no-repeat -21px -81px;
        text-align: center;
        line-height: 29px;
        margin: 0 auto;
        cursor: pointer;
        color: #b35900
    }

    .sel_body_body td a {
        text-decoration: none;
        cursor: auto;
    }

    .sel_body_body td a:hover, .sel_body_body td a:focus {
        text-decoration: underline;
    }

    .panoInfoBox {
        cursor: pointer
    }

    .panoInfoBox {
        position: relative;
        width: 323px;
        height: 101px;
        margin-bottom: 4px;
        cursor: pointer
    }

    .panoInfoBox .panoInfoBoxTitleBg {
        width: 323px;
        height: 19px;
        position: absolute;
        left: 0;
        bottom: 0;
        z-index: 2;
        background-color: #000;
        opacity: .7
    }

    .panoInfoBox .panoInfoBoxTitleContent {
        font-size: 12px;
        color: #fff;
        position: absolute;
        bottom: 2px;
        left: 5px;
        z-index: 3;
        text-decoration: none
    }

    .pano_switch_left, .pano_switch_right {
        position: absolute;
        width: 28px;
        height: 38px;
        cursor: pointer;
        background-color: #252525;
        background-color: rgba(37, 37, 37, .9)
    }

    .pano_switch_left {
        background: url(https://api.map.baidu.com/images/panorama/zuojiantou.png) no-repeat;
        -webkit-background-size: 100% 100%;
        background-size: 100% 100%
    }

    .pano_switch_right {
        background: url(https://api.map.baidu.com/images/panorama/youjiantou.png) no-repeat;
        -webkit-background-size: 100% 100%;
        background-size: 100% 100%
    }

    .pano_switch_left:hover {
        background: url(https://api.map.baidu.com/images/panorama/zuojiantou_hover.png) no-repeat;
        -webkit-background-size: 100% 100%;
        background-size: 100% 100%
    }

    .pano_switch_right:hover {
        background: url(https://api.map.baidu.com/images/panorama/youjiantou_hover.png) no-repeat;
        -webkit-background-size: 100% 100%;
        background-size: 100% 100%
    }

    .pano_switch_left.pano_switch_disable, .pano_switch_right.pano_switch_disable {
        background: 0 0;
        border: none
    }

    .pano_poi_1, .pano_poi_2, .pano_poi_4 {
        display: inline-block;
        width: 16px;
        height: 16px;
        vertical-align: middle;
        background: url(https://gss0.baidu.com/6b1IcTe9R1gBo1vgoIiO_jowehsv/newmap/static/common/images/pano_whole/guide_icons_4b871b2.png) no-repeat;
        background-position: 0 0
    }

    .pano_photo_arrow_l, .pano_photo_arrow_r {
        position: absolute;
        top: 0;
        width: 20px;
        height: 100%;
        background: #f3eeee
    }

    .pano_photo_arrow_l {
        left: 0
    }

    .pano_photo_arrow_r {
        right: 0
    }

    .pano_arrow_l, .pano_arrow_r {
        display: inline-block;
        width: 18px;
        height: 18px;
        background: url(https://gss0.baidu.com/6b1IcTe9R1gBo1vgoIiO_jowehsv/newmap/static/common/images/pano_whole/pano-icons_223a291.png) no-repeat
    }

    .pano_catlogLi {
        cursor: pointer;
        position: relative;
        line-height: 10px;
        font-size: 10px;
        text-align: center;
        color: #abb0b2;
        border: 1px solid #53565c;
        padding: 3px 0;
        margin-top: 3px;
        margin-left: 2px;
        width: 90%
    }

    .pano_catlogLi:hover {
        color: #3DAAFC;
        border: 1px solid #3DAAFC
    }

    .pano_catlogLiActive {
        color: #3DAAFC;
        border: 1px solid #3DAAFC
    }

    .pano_arrow_l {
        background-position: 0 -36px
    }

    .pano_arrow_r {
        background-position: -54px -36px
    }

    .pano_photo_arrow_l:hover .pano_arrow_l {
        background-position: -18px -36px
    }

    .pano_photo_arrow_r:hover .pano_arrow_r {
        background-position: -72px -36px
    }

    .pano_photo_arrow_l.pano_arrow_disable .pano_arrow_l {
        background-position: -36px -36px
    }

    .pano_photo_arrow_r.pano_arrow_disable .pano_arrow_r {
        background-position: -90px -36px
    }

    .pano_photo_item {
        position: relative;
        float: left;
        line-height: 0;
        padding-left: 8px
    }

    .pano_photo_decs {
        position: absolute;
        bottom: 1px;
        left: 0;
        padding: 2px 0;
        text-indent: 5px;
        margin-left: 8px;
        display: inline-block;
        color: #fff;
        background: #000;
        opacity: .5;
        filter: alpha(opacity=50) 9;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap
    }

    .pano_photo_item img {
        display: inline-block;
        border: solid 1px #252525
    }

    .pano_photo_item:hover img {
        border-color: #005efc
    }

    .pano_photo_item_seleted {
        position: absolute;
        top: 0;
        left: -100000px;
        border: 3px solid #097df3
    }

    .pano_close {
        position: absolute;
        right: 10px;
        top: 10px;
        width: 40px;
        cursor: pointer;
        height: 40px;
        line-height: 40px;
        border-radius: 3px;
        background-color: rgba(37, 37, 37, .9);
        background-image: url(https://api.map.baidu.com/images/panorama/close.png);
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 90%
    }

    .pano_close:hover {
        background-image: url(https://api.map.baidu.com/images/panorama/close_hover.png)
    }

    .pano_pc_indoor_exit {
        position: absolute;
        right: 60px;
        top: 10px;
        width: 89px;
        cursor: pointer;
        height: 40px;
        line-height: 40px;
        color: #ebedf0;
        border-radius: 3px;
        background-color: #252525;
        background-color: rgba(37, 37, 37, .9);
        background-image: url(https://api.map.baidu.com/images/panorama/indoor_exit.png);
        background-repeat: no-repeat;
        background-position: 15px 12px
    }

    .pano_pc_indoor_exit:hover {
        background-image: url(https://api.map.baidu.com/images/panorama/indoor_exit_hover.png);
        color: #2495ff
    }

    .pano_m_indoor_exit {
        font-size: 16px;
        position: absolute;
        right: 30px;
        top: 10px;
        width: 89px;
        cursor: pointer;
        height: 40px;
        line-height: 40px;
        color: #ebedf0;
        border-radius: 3px;
        background-color: #252525;
        background-color: rgba(37, 37, 37, .9);
        background-image: url(https://api.map.baidu.com/images/panorama/indoor_exit.png);
        background-repeat: no-repeat;
        background-position: 15px 12px
    }

    .navtrans-table tr {
        color: #666
    }

    .navtrans-table tr:hover {
        color: #333
    }

    .navtrans-navlist-icon {
        float: left;
        width: 18px;
        height: 16px;
        background: url(https://gss0.baidu.com/6b1IcTe9R1gBo1vgoIiO_jowehsv/wolfman/static/common/images/nav-icon_b5c3223.png) no-repeat 0px 0px;
        _background: url(https://gss0.baidu.com/6b1IcTe9R1gBo1vgoIiO_jowehsv/wolfman/static/common/images/nav-icon_ie6_134841b.png) no-repeat 0px 0px;
        margin-top: 2px;
        margin-right: 5px
    }

    .navtrans-navlist-icon.s-1 {
        background-position: 0px 0px
    }

    .navtrans-navlist-icon.s-2 {
        background-position: -18px 0px
    }

    .navtrans-navlist-icon.s-3 {
        background-position: -36px 0px
    }

    .navtrans-navlist-icon.s-4 {
        background-position: -54px 0px
    }

    .navtrans-navlist-icon.s-5 {
        background-position: -72px 0px
    }

    .navtrans-navlist-icon.s-6 {
        background-position: -90px 0px
    }

    .navtrans-navlist-icon.s-7 {
        background-position: 0px -16px
    }

    .navtrans-navlist-icon.s-8 {
        background-position: -18px -16px
    }

    .navtrans-navlist-icon.s-9 {
        background-position: -36px -16px
    }

    .navtrans-navlist-icon.s-10 {
        background-position: -54px -16px
    }

    .navtrans-navlist-icon.s-11 {
        background-position: -72px -16px
    }

    .navtrans-navlist-icon.s-12 {
        background-position: -90px -16px
    }

    .navtrans-navlist-icon.s-13 {
        background-position: 0px -32px
    }

    .navtrans-navlist-icon.s-14 {
        background-position: -18px -32px
    }

    .navtrans-navlist-icon.s-18 {
        background-position: -36px -32px
    }

    .navtrans-navlist-icon.s-19 {
        background-position: -54px -32px
    }

    .navtrans-navlist-icon.s-20 {
        background-position: -72px -32px
    }

    .navtrans-navlist-icon.s-21 {
        background-position: -90px -32px
    }

    .navtrans-navlist-icon.nav-st, .navtrans-navlist-icon.nav-through {
        background-position: -16px -70px
    }

    .navtrans-navlist-icon.nav-ed {
        background-position: 0px -70px
    }

    .navtrans-view {
        border-top: 1px solid #e4e6e7;
        border-left: 1px solid #e4e6e7;
        border-right: 1px solid #e4e6e7
    }

    .navtrans-view:hover {
        cursor: pointer
    }

    .navtrans-view .navtrans-arrow {
        position: absolute;
        top: 8px;
        right: 5px;
        width: 7px;
        height: 4px;
        background-image: url(https://gss0.baidu.com/6b1IcTe9R1gBo1vgoIiO_jowehsv/wolfman/static/common/images/nav-icon_b5c3223.png);
        background-repeat: no-repeat;
        background-position: -40px -70px;
        margin-top: 3px;
        margin-right: 3px;
        _background-image: url(https://gss0.baidu.com/6b1IcTe9R1gBo1vgoIiO_jowehsv/wolfman/static/common/images/nav-icon_ie6_134841b.png)
    }

    .navtrans-view.expand:hover .navtrans-arrow {
        background-position: -61px -70px
    }

    .navtrans-view.expand .navtrans-arrow {
        background-position: -54px -70px
    }

    .navtrans-view:hover .navtrans-arrow {
        background-position: -47px -70px
    }

    .navtrans-navlist-content {
        overflow: hidden
    }

    .navtrans-res {
        border-bottom: 1px solid #E4E6E7;
        border-left: 1px solid #E4E6E7;
        border-right: 1px solid #E4E6E7
    }

    .navtrans-bus-icon {
        display: inline-block;
        float: left;
        background-image: url(https://gss0.baidu.com/6b1IcTe9R1gBo1vgoIiO_jowehsv/wolfman/static/common/images/ui3/mo_banner_e1aa2e6.png);
        background-repeat: no-repeat
    }

    .navtrans-bus-icon.bus {
        width: 13px;
        height: 16px;
        background-position: -1px -192px;
        position: relative;
        top: 4px
    }

    .navtrans-bus-icon.walk {
        width: 16px;
        height: 18px;
        background-position: -63px -189px;
        position: relative;
        top: 2px;
        left: -2px
    }

    .navtrans-bus-desc {
        line-height: 24px;
        margin-left: 20px
    }

    .navtrans-busstation {
        color: #36c;
        font-weight: 600
    }

    .tranroute-plan-list.expand .trans-title {
        border-bottom: 1px solid #e4e6e7;
        background-color: #ebf1fb
    }

    .trans-plan-content tr td:hover .bus {
        background-position: -15px -192px
    }

    .trans-plan-content tr td:hover .walk {
        background-position: -82px -189px
    }

    .suggest-plan {
        position: absolute;
        background-color: #0C88E8;
        padding: 0px 15px;
        line-height: 20px;
        color: #fff;
        left: 0px;
        top: 0px
    }

    .suggest-plan-des {
        text-align: left;
        padding: 29px 0px 0px 25px;
        font-size: 13px;
        color: #000
    }

    .bmap-clearfix {
        *+height: 1%
    }

    .bmap-clearfix:after {
        content: ".";
        display: block;
        height: 0px;
        clear: both;
        visibility: hidden
    }

    .BMap_CityListCtrl {
        font-size: 12px
    }

    .BMap_CityListCtrl a {
        text-decoration: none !important
    }

    .BMap_CityListCtrl a:hover {
        text-decoration: underline !important
    }

    .BMap_CityListCtrl .citylist_popup_main {
        border: 1px solid #cdcdcd;
        z-index: 2;
        position: relative;
        width: 100%;
        height: 100%;
        background: #fafafa;
        overflow: hidden;
        box-shadow: 1px 1px 1px rgba(0, 0, 0, .1)
    }

    .ui_city_change_top .ui_city_change_inner, .ui_city_change_bottom .ui_city_change_inner {
        display: inline-block;
        height: 24px;
        line-height: 24px;
        border: 1px solid #c4c7cc;
        background-color: #fff;
        padding: 0 10px 0 10px;
        color: #000
    }

    .ui_city_change_top .ui_city_change_inner i, .ui_city_change_bottom .ui_city_change_inner i {
        width: 8px;
        height: 6px;
        display: inline-block;
        position: relative;
        top: 9px;
        left: 5px;
        -webkit-transition: all ease-in-out .15s;
        transition: all ease-in-out .15s;
        display: none9
    }

    .ui_city_change_click .ui_city_change_inner i, .ui_city_change_click_close .ui_city_change_inner i {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    .ui_city_change_top .ui_city_change_inner:hover em {
        border-top-color: #0C88E8
    }

    .ui_city_change_top .ui_city_change_inner em {
        width: 0;
        height: 0;
        border-color: rgba(255, 255, 255, 0);
        border-top-color: #D0D4DA;
        border-style: solid;
        border-width: 4px
    }

    .ui_city_change_top .ui_city_change_inner:hover, .ui_city_change_bottom .ui_city_change_inner:hover {
        text-decoration: none !important;
        color: #3d6dcc
    }

    .ui_city_change_bottom .ui_city_change_inner:hover em {
        border-bottom-color: #0C88E8
    }

    .ui_city_change_bottom .ui_city_change_inner em {
        width: 0;
        height: 0;
        border-color: rgba(255, 255, 255, 0);
        border-bottom-color: #D0D4DA;
        border-style: solid;
        border-width: 4px;
        position: relative;
        top: -18px
    }

    .citylist_popup_main .citylist_ctr_title {
        background: #f9f9f9;
        border-bottom: 1px solid #dadada;
        height: 25px;
        line-height: 25px;
        font-size: 12px;
        color: #4c4c4c;
        padding-left: 7px
    }

    .citylist_popup_main .city_content_top {
        position: relative;
        height: 30px;
        padding: 15px 10px 0px 10px;
        border-bottom: 1px solid #CCC;
        margin: 0px 10px
    }

    .citylist_popup_main .city_content_top .cur_city_info {
        display: inline-block;
        margin: 0;
        padding: 0;
    }

    #city_ctrl_form {
        position: absolute;
        right: 12px;
        top: 10px
    }

    #selCityWd {
        border: 1px solid #ccc;
        height: 20px;
        width: 121px;
        line-height: 20px;
        text-indent: 4px;
        outline: none
    }

    #selCitySubmit:hover {
        background-position: -355px -98px
    }

    #selCitySubmit {
        float: right;
        background: url(https://gss0.baidu.com/6b1IcTe9R1gBo1vgoIiO_jowehsv/wolfman/static/common/images/index_a2f1ac4.png) no-repeat scroll -302px -98px;
        height: 24px;
        line-height: 24px;
        width: 48px;
        cursor: pointer;
        margin-left: 5px;
        text-align: center
    }

    #sel_city_letter_list {
        padding-top: 10px
    }

    #sel_city_letter_list a {
        white-space: nowrap;
        margin-right: 11px;
        line-height: 18px;
        font-size: 13px;
        font-family: Arial, Helvetica, SimSun, sans-serif
    }

    .city_content_medium {
        padding: 10px 10px 10px 10px;
        border-bottom: 1px solid #CCC;
        margin: 0px 10px
    }

    .city_content_bottom {
        padding: 10px 10px 10px 8px;
        margin: 9px 5px 5px 5px;
        height: 218px;
        overflow-y: auto
    }

    #city_detail_table tr td {
        vertical-align: top
    }

    .sel_city_hotcity a {
        color: #3d6dcc
    }

    .sel_city_letter {
        padding: 0 14px 0 3px
    }

    .sel_city_letter div {
        font-size: 24px;
        line-height: 24px;
        font-weight: 700;
        color: #ccc;
        padding: 0;
        margin: 0;
        font-family: Arial, Helvetica, SimSun, sans-serif
    }

    .sel_city_sf {
        padding-right: 8px;
        font-weight: 700
    }

    .sel_city_sf a {
        white-space: nowrap;
        line-height: 18px;
        color: #3d6dcc
    }

    .city_names_wrap {
        margin-bottom: 9px
    }

    .sel_city_name {
        color: #3d6dcc;
        white-space: nowrap;
        margin-right: 9px;
        line-height: 18px;
        float: left
    }

    #popup_close {
        outline: none;
        position: absolute;
        z-index: 50;
        top: 7px;
        right: 6px;
        width: 12px;
        height: 12px;
        background: url(https://gss0.baidu.com/6b1IcTe9R1gBo1vgoIiO_jowehsv/wolfman/static/common/images/popup_close_15d2283.gif) no-repeat;
        border: 0;
        cursor: pointer
    }</style>
    <style id="tsbrowser_video_independent_player_style" type="text/css">
        [tsbrowser_force_max_size] {
            width: 100% !important;
            height: 100% !important;
            left: 0px !important;
            top: 0px !important;
            margin: 0px !important;
            padding: 0px !important;
            transform: none !important;
        }

        [tsbrowser_force_fixed] {
            position: fixed !important;
            z-index: 9999 !important;
            background: black !important;
        }

        [tsbrowser_force_hidden] {
            opacity: 0 !important;
            z-index: 0 !important;
        }

        [tsbrowser_hide_scrollbar] {
            overflow: hidden !important;
        }

        [tsbrowser_display_none] {
            display: none !important;
            visibility: hidden !important;
            opacity: 0 !important;
        }

        [tsbrowser_force_show] {
            display: black !important;
            visibility: visible !important;
            opacity: 0;
        }</style>
</head>
<body>
<div class="header">
    <div class="nav-wrap">
        <div class="logo">
            <a rel="nofollow" href="#">
                <img src="/img/pc/client/home/logo.png" height="32" alt="租房网">
            </a>
        </div>
        <div class="city-wrap" style="cursor: default;">
            <span th:text="${cityName}"></span><i></i>
            <ul>
                    <span th:each="retAddress,status:${retAddressList}">
                        <span th:if="${retAddress.cityName} != ${cityName}">
                            <li><a rel="nofollow" th:href="@{/retAddress/index(id=${retAddress.id})}" th:text="${retAddress.cityName}"></a></li>
                        </span>
                    </span>
            </ul>
            <!-- <span>[<a rel="nofollow" href="https://www.zufun.cn/index" class="link" target="_blank">切换城市</a>]</span> -->
        </div>
        <div class="nav-items">
            <div class="nav-item">
                <a rel="nofollow"  th:href="@{/retAddress/index}" class="">首页</a>
            </div>

            <div class="nav-item">
                <a th:href="@{/retAddress/searchList}" class="on">租房</a>
            </div>

            <div class="nav-item">
                <a rel="nofollow" href="https://www.zufun.cn/platform" target="_blank">物业平台</a>
            </div>
            <div class="nav-item user-down-wrap" id="login_holder"><a href="#loginModal" rel="noffolow"
                                                                      data-toggle="modal" data-target="#loginModal">注册/登录</a>
            </div>
        </div>
    </div>
</div>
<div class="map-nav">
    <div class="map-search ">
        <div class="search-form">
            <form id="search_form">
                <input id="map_search_key" type="text" placeholder="请输入楼盘名称">
                <button class="search-btn-deng" type="button">搜索</button>
            </form>
        </div>
        <div class="select-area1">
            <div class="map-select-title  b-r">
                <span id="area_holder">区域找房</span>
            </div>
            <ul id="regionWrapper" class="city-click" style="height:400px">
                <span class="gicon-arrow1"></span>
                <span class="gicon-arrow2"></span>
                <span id="uuuu">

                </span>
            </ul>
        </div>
    </div>
    <div class="map-select-box" id="select_box">
        <div class="col-md-3 select-title">
            <h4><span class="select-holder" id="decoration-holder">类型</span></h4>
            <ul id="rent_type">
                <li data-id="" data-con="类型" class="map-cond" data-name="rent_type">不限</li>
                <li data-id="1" class="map-cond" data-name="rent_type">整租</li>
                <li data-id="2" class="map-cond" data-name="rent_type">合租</li>
            </ul>
        </div>
        <div class="col-md-3 select-title">
            <h4><span class="select-holder" id="rent-holder">租金</span></h4>
            <ul id="rent">
                <li data-id="" data-con="租金" class="map-cond" data-name="price">不限</li>
                <li data-id="1500" class="map-cond" data-name="price">1500元以下</li>
                <li data-id="3000" class="map-cond" data-name="price">3000元以下</li>
                <li data-id="5000" class="map-cond" data-name="price">5000元以下</li>
                <li data-id="8000" class="map-cond" data-name="price">8000元以下</li>
            </ul>
        </div>
        <div class="col-md-3 select-title">
            <h4><span class="select-holder" id="room-holder">户型</span></h4>
            <ul style="left:9px;" id="room">
                <li data-id="" data-con="户型" class="map-cond" data-name="rooms">不限</li>
                <li data-id="一" class="map-cond" data-name="rooms">一居</li>
                <li data-id="二" class="map-cond" data-name="rooms">两居</li>
                <li data-id="三" class="map-cond" data-name="rooms">三居</li>
                <li data-id="四" class="map-cond" data-name="rooms">四居</li>
                <li data-id="五" class="map-cond" data-name="rooms">四居以上</li>
            </ul>
        </div>
    </div>
</div>
<!-- 地图容器 -->
<div id="ditu" style="height: 682px; overflow: hidden; background-color: rgb(243, 241, 236); color: rgb(0, 0, 0); text-align: left;">
    <div style="overflow: visible; position: absolute; z-index: 0; left: 0px; top: 0px; cursor: url(&quot;https://api.map.baidu.com/images/openhand.cur&quot;) 8 8, default;">
        <div class="BMap_mask" style="position: absolute; left: 0px; top: 0px; z-index: 9; overflow: hidden; user-select: none; width: 1200px; height: 682px;"></div>
        <div style="position: absolute; height: 0px; width: 0px; left: 0px; top: 0px; z-index: 200;">
            <div style="position: absolute; height: 0px; width: 0px; left: 0px; top: 0px; z-index: 800;"></div>
            <div style="position: absolute; height: 0px; width: 0px; left: 0px; top: 0px; z-index: 700;"></div>
            <div style="position: absolute; height: 0px; width: 0px; left: 0px; top: 0px; z-index: 600;"></div>
            <div style="position: absolute; height: 0px; width: 0px; left: 0px; top: 0px; z-index: 500;"></div>
            <div style="position: absolute; height: 0px; width: 0px; left: 0px; top: 0px; z-index: 400;"></div>
            <div style="position: absolute; height: 0px; width: 0px; left: 0px; top: 0px; z-index: 300;"></div>
            <div style="position: absolute; height: 0px; width: 0px; left: 0px; top: 0px; z-index: 201;"></div>
            <div style="position: absolute; height: 0px; width: 0px; left: 0px; top: 0px; z-index: 200;"></div>
        </div>

        <div style="position: absolute; overflow: visible; top: 0px; left: 0px; z-index: 2; display: none;">
            <div style="position: absolute; overflow: visible; top: 0px; left: 0px; z-index: 0; display: none;"></div>
            <div style="position: absolute; overflow: visible; top: 0px; left: 0px; z-index: 10; display: none;"></div>
        </div>
        <div style="position: absolute; overflow: visible; top: 0px; left: 0px; z-index: 3;"></div>
    </div>
    <div class="pano_close" title="退出全景" style="z-index: 1201; display: none;"></div>
    <a class="pano_pc_indoor_exit" title="退出室内景" style="z-index: 1201; display: none;"><span
            style="float:right;margin-right:12px;">出口</span></a>
    <div class=" anchorBL"
         style="height: 32px; position: absolute; z-index: 30; text-size-adjust: none; bottom: 20px; right: auto; top: auto; left: 1px;">
        <a title="到百度地图查看此区域" target="_blank" href="http://map.baidu.com/?sr=1" style="outline: none;"><img
                style="border:none;width:77px;height:32px"
                src="https://api.map.baidu.com/images/copyright_logo.png"></a></div>
    <div id="zoomer"
         style="position:absolute;z-index:0;top:0px;left:0px;overflow:hidden;visibility:hidden;cursor:url(https://api.map.baidu.com/images/openhand.cur) 8 8,default">
        <div class="BMap_zoomer" style="top:0;left:0;"></div>
        <div class="BMap_zoomer" style="top:0;right:0;"></div>
        <div class="BMap_zoomer" style="bottom:0;left:0;"></div>
        <div class="BMap_zoomer" style="bottom:0;right:0;"></div>
    </div>
    <div unselectable="on" class=" BMap_scaleCtrl BMap_noprint anchorBR"
         style="bottom: 6px; right: 10px; top: auto; left: auto; width: 88px; position: absolute; z-index: 10; text-size-adjust: none;">
        <div class="BMap_scaleTxt" unselectable="on" style="background-color: transparent; color: black;">5&nbsp;公里
        </div>
        <div class="BMap_scaleBar BMap_scaleHBar" style="background-color: black;"><img style="border:none"
                                                                                        src="https://api.map.baidu.com/images/mapctrls.png">
        </div>
        <div class="BMap_scaleBar BMap_scaleLBar" style="background-color: black;"><img style="border:none"
                                                                                        src="https://api.map.baidu.com/images/mapctrls.png">
        </div>
        <div class="BMap_scaleBar BMap_scaleRBar" style="background-color: black;"><img style="border:none"
                                                                                        src="https://api.map.baidu.com/images/mapctrls.png">
        </div>
    </div>
    </div>
    <div unselectable="on" class=" BMap_cpyCtrl BMap_noprint anchorBL"
         style="cursor: default; white-space: nowrap; color: black; background: none; font-style: normal; font-variant: normal; font-weight: normal; font-stretch: normal; font-size: 11px; line-height: 15px; font-family: arial, sans-serif; bottom: 2px; right: auto; top: auto; left: 2px; position: absolute; z-index: 10; text-size-adjust: none;">
        <span _cid="1" style="display: inline;"><span
                style="background: rgba(255, 255, 255, 0.701961);padding: 0px 1px;line-height: 16px;display: inline;height: 16px;">©&nbsp;2020 Baidu - GS(2019)5218号 - 甲测资字1100930 - 京ICP证030173号 - Data © 长地万方</span></span>
    </div>
</div>
<div class="sidebar" id="sidebarWrapper">
    <div class="map-switch">
        <div id="map_switch">
            <div id="map_to_chart" class="map_btn map_on">
                <a th:href="@{/retAddress/searchList}"><span class="icon-list"></span>列表</a>
            </div>
            <div class="map_btn table_on active">
                <i class="icon-location-r"></i>地图
            </div>
        </div>
    </div>
    <div id="sidebar" class="sidebar-holder" style="height: 682px;">

    </div>
</div>
<!-- 房源 tpl {{# (value.att_init_rent && 0!=value.att_init_rent)?'<s class="init-price">'+value.att_init_rent+'元/月</s>':'';}}-->
<script id="aparts_tpl" type="text/html">
    <div class="sidebar-prop">
        <a target="_blank" href="{{ret.data.property_url}}">{{text}}</a>
    </div>
    {{each ret.data.aparts as value i}}
    <div class="sidebar-item">
        <a href="{{value.url}}" target="_blank">
            <img src="{{value.src_medium}}">
            <span class="apart-price">{{value.att_rent}}元/月</span>
            <ul class="sidebar-item-info">
                <li class="sidebar-item-info-left">
                    <a href="{{value.url}}" target="_blank">{{value.att_title}}</a><br>
                </li>
                <li class="sidebar-item-info-right">
                    <span>{{value.att_space}}</span>平米
                </li>
            </ul>
        </a>
    </div>
    {{/each}}
</script>
<!-- /loginModal -->
<div class="modal" id="registerModal" tabindex="-1" role="dialog">
    <div class="modal-dialog-register user-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <div class="modal-header-info">
                    <div class="col-md-6">
                        <div class="modal-title" style="line-height: 52px;">账号注册</div>
                    </div>
                    <div class="col-md-6 t-r">已有账号，<a href="#loginModal" data-toggle="modal" class="c-orange">马上登录</a>
                    </div>
                </div>
            </div>
            <div class="modal-body">
                <form action="" id="registerForm"
                      style="position: relative; width: 100%; min-height: 319px; overflow: hidden;"
                      novalidate="novalidate">
                    <div id="mod_register"
                         style="position: absolute; top: 0; bottom: 0; margin: auto 0; left: 0; width: 100%; height: fit-content;">
                        <div class="form-group">
                            <div class="input-group">
                                <input type="text" name="fu_mobile" placeholder="手机">
                            </div>
                        </div>
                        <div class="form-group">
                            <div class="input-group">
                                <input type="text" name="vcode" placeholder="短信验证码">
                                <span class="sms-button sms-button-error">获取验证码</span>
                            </div>
                        </div>
                        <div class="form-group">
                            <div class="input-group">
                                <input type="password" name="fu_password" placeholder="设置密码">
                            </div>
                        </div>
                        <div class="form-group">
                            <div class="button-group">
                                <input type="submit" value="注册" class="btn-disabled">
                                <p style="margin-top: 20px;" class="c-gray t-c">注册即视为同意<a class="link c-gray"
                                                                                          href="https://www.zufun.cn/protocol"
                                                                                          target="_blank">《租房网服务协议》</a>
                                </p>
                            </div>
                        </div>
                    </div>
                    <div id="mod_register_validate"
                         style="position: absolute; top: 0; bottom: 0; margin: auto 0; left: 400px; width: 100%; height: fit-content;">
                        <div class="form-group pic-form">
                            <div class="input-group">
                                <input type="text" name="pic_code" placeholder="验证码">
                                <div class="pic-wrap">
                                    <!--  <img src="https://sz.zufun.cn/captcha/1501207572.7156.jpg" height="48" style="border:0;" alt=" "> -->
                                </div>
                            </div>
                        </div>
                        <div class="form-group">
                            <div class="button-group">
                                <button type="button" class="pic-button btn-disabled">确定</button>
                            </div>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
<!-- /registerModal -->
<div class="modal" id="forgetModal" tabindex="-1" role="dialog">
    <div class="modal-dialog-forget user-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title">忘记密码</h4>
            </div>
            <div class="modal-body">
                <form action="" id="forgetForm"
                      style="position: relative; width: 100%; min-height: 280px; overflow: hidden;">
                    <div id="mod_register"
                         style="position: absolute; top: 0; bottom: 0; margin: auto 0; left: 0; width: 100%; height: fit-content;">
                        <div class="form-group">
                            <div class="input-group">
                                <input type="text" name="fu_mobile" placeholder="手机">
                            </div>
                        </div>
                        <div class="form-group">
                            <div class="input-group">
                                <input type="text" name="fu_vcode" placeholder="短信验证码">
                                <span class="sms-button sms-button-error">获取验证码</span>
                            </div>
                        </div>
                        <div class="form-group">
                            <div class="input-group">
                                <input type="password" name="fu_password" placeholder="设置密码">
                            </div>
                        </div>
                        <div class="form-group">
                            <div class="button-group">
                                <input type="submit" value="重置密码" class="btn-disabled">
                            </div>
                        </div>
                    </div>
                    <div id="mod_register_validate"
                         style="position: absolute; top: 0; bottom: 0; margin: auto 0; left: 400px; width: 100%; height: fit-content;">
                        <div class="form-group pic-form">
                            <div class="input-group">
                                <input type="text" class="not-post" name="pic_code" placeholder="验证码">
                                <div class="pic-wrap">
                                    <!--  <img src="https://sz.zufun.cn/captcha/1501207572.7156.jpg" height="48" style="border:0;" alt=" "> -->
                                </div>
                            </div>
                        </div>
                        <div class="form-group">
                            <div class="button-group">
                                <button type="button" class="pic-button btn-disabled">确定</button>
                            </div>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
<!-- /forgetModal -->
<div class="modal" id="loginModal" tabindex="-1" role="dialog">
    <div class="modal-dialog-login user-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <ul class="modal-tab tab-bar" role="tablist">
                    <li class="tab active" role="presentation" style="margin: 0;">
                        <a href="#quickLoginContent" aria-controls="transportContent" role="tab" data-toggle="tab">手机验证码登录</a>
                    </li>
                    <li class="tab" role="presentation" style="margin: 0;">
                        <a href="#loginContent" aria-controls="transportContent" role="tab" data-toggle="tab">账号密码登录</a>
                    </li>
                </ul>
            </div>
            <div class="modal-body">
                <div class="tab-content">
                    <div role="tabpanel" class="tab-panel active" id="quickLoginContent">
                        <form action="" id="quickLoginForm"
                              style="position: relative; width: 100%; min-height: 224px; overflow: hidden;"
                              novalidate="novalidate">
                            <div id="mod_register"
                                 style="position: absolute; top: 0; bottom: 0; margin: auto 0; left: 0; width: 100%; height: fit-content;">
                                <div class="form-group">
                                    <div class="input-group">
                                        <input type="text" name="fu_mobile" placeholder="手机">
                                    </div>
                                </div>
                                <div class="form-group">
                                    <div class="input-group">
                                        <input type="text" name="vcode" placeholder="短信验证码">
                                        <span class="sms-button sms-button-error">获取验证码</span>
                                    </div>
                                </div>
                                <div class="form-group"
                                     style="margin-top: -10px !important; margin-bottom: 15px !important; color: #999; padding-left: 40px;">
                                    未注册将自动创建账号
                                </div>
                                <div class="form-group" style="margin-top:0;">
                                    <div class="button-group" style="position:relative;">
                                        <input type="submit" value="登录" class="btn-disabled">
                                        <!-- <a href="#forgetModal" data-toggle="modal"  class="c-gray" style="position:absolute; top:0;right:0;top:-32px;">忘记密码</a> -->
                                        <!-- <div class="login-info">
                                            <label class="col-md-6"><input type="checkbox" class="checkbox" >一周内免登录</label>
                                            <div class="col-md-6 t-r"><a href="#registerModal" data-toggle="modal" class="c-orange">新用户注册</a></div>
                                        </div> -->
                                    </div>
                                </div>
                            </div>
                            <div id="mod_register_validate"
                                 style="position: absolute; top: 0; bottom: 0; margin: auto 0; left: 400px; width: 100%; height: fit-content;">
                                <div class="form-group pic-form" style="display: none;">
                                    <div class="input-group">
                                        <input type="text" class="not-post" name="pic_code" placeholder="验证码">
                                        <div class="pic-wrap">
                                            <!-- <img src="https://sz.zufun.cn/captcha/1501207572.7156.jpg" height="48" style="border:0;" alt=" "> -->
                                        </div>
                                    </div>
                                </div>
                                <div class="form-group" style="margin-top:0;">
                                    <div class="button-group" style="position:relative;">
                                        <button type="button" class="pic-button btn-disabled">确定</button>
                                    </div>
                                </div>
                            </div>
                        </form>
                    </div>
                    <div role="tabpanel" class="tab-panel" id="loginContent">
                        <form action="" id="loginForm">
                            <div class="form-group">
                                <div class="input-group">
                                    <input type="text" name="fu_mobile" placeholder="手机">
                                </div>
                            </div>
                            <div class="form-group">
                                <div class="input-group">
                                    <input type="password" name="fu_password" placeholder="密码">
                                </div>
                            </div>
                            <div class="form-group">
                                <div class="input-group">
                                    <input type="text" name="pic_code" placeholder="验证码">
                                    <div class="pic-wrap">
                                        <!-- <img src="https://sz.zufun.cn/captcha/1501207572.7156.jpg" height="48" style="border:0;" alt=" "> -->
                                    </div>
                                </div>
                            </div>
                            <div class="form-group" style="margin-top:0;">
                                <div class="button-group" style="margin-top:30px;position:relative;">
                                    <input type="submit" value="登录" class="btn-disabled">
                                    <a href="#forgetModal" data-toggle="modal" class="c-gray"
                                       style="position:absolute; top:0;right:0;top:-32px;">忘记密码</a>
                                    <div class="login-info">
                                        <label class="col-md-6"><input type="checkbox" class="checkbox">一周内免登录</label>
                                        <div class="col-md-6 t-r"><a href="#registerModal" data-toggle="modal"
                                                                     class="c-orange">新用户注册</a></div>
                                    </div>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="modal" id="appointModal" tabindex="-1" role="dialog">
    <div class="modal-dialog-appoint user-dialog" role="document" style="width: 450px;">
        <div class="modal-content ">
            <div class="modal-header">
                <h4 class="modal-title">预约看房</h4>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
                        aria-hidden="true">×</span></button>
            </div>
            <div class="modal-body">
                <form action="" id="userAppointForm"
                      style="position: relative; width: 100%; min-height: 200px; overflow: hidden;"
                      novalidate="novalidate">
                    <div id="mod_register"
                         style="position: absolute; top: 0; bottom: 0; margin: auto 0; left: 0; width: 100%; height: fit-content;">
                        <div class="form-group">
                            <div class="input-group">
                                <input type="text" name="fu_mobile" placeholder="手机">
                            </div>
                        </div>
                        <div class="form-group">
                            <div class="input-group">
                                <input type="text" name="vcode" placeholder="短信验证码">
                                <span class="sms-button sms-button-error">获取验证码</span>
                            </div>
                            <div class="msg-group">
                                <p>收不到验证码？联系客服：132-6682-1881</p>
                            </div>
                        </div>
                        <div class="form-group">
                            <div class="button-group">
                                <input type="submit" value="立即预约" class="btn-disabled">
                            </div>
                        </div>
                    </div>
                    <div id="mod_register_validate"
                         style="position: absolute; top: 0; bottom: 0; margin: auto 0; left: 400px; width: 100%; height: fit-content;">
                        <div class="form-group pic-form" style="display: none;">
                            <div class="input-group">
                                <input type="text" class="not-post" name="pic_code" placeholder="验证码">
                                <div class="pic-wrap" style="width:100px;height:30px;">
                                    <!--  <img src="https://sz.zufun.cn/captcha/1501207572.7156.jpg" height="48" style="border:0;" alt=" "> -->
                                </div>
                            </div>
                        </div>
                        <div class="form-group">
                            <div class="button-group">
                                <button type="button" class="pic-button btn-disabled">确定</button>
                            </div>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
<div class="modal" id="picCodeModal" tabindex="-1" role="dialog">
    <div class="modal-dialog-appoint user-dialog" role="document">
        <div class="modal-content ">
            <div class="modal-header">
                <h4 class="modal-title">图形验证码</h4>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
                        aria-hidden="true">×</span></button>
            </div>
            <div class="modal-body">
                <form action="" id="picCodeForm">
                    <div class="form-group pic-form">
                        <div class="input-group">
                            <input type="text" class="not-post" name="pic_code" placeholder="验证码" autofocus="true">
                            <div class="pic-wrap" style="width:100px;height:30px;">
                                <!--  <img src="https://sz.zufun.cn/captcha/1501207572.7156.jpg" height="48" style="border:0;" alt=" "> -->
                            </div>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="button-group">
                            <button type="button" class="pic-button btn-disabled">确定</button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
<!--<div id="drop_tips_wrap" class="drop-tips-wrap" style="top: 104px; left: 21px; width: 233px; display: none;"></div>-->
<div class="map-tips-modal" id="modal">


</div>
<script src="/common/js/jquery-1.11.3.min.js"></script>
<script src="/libs/yzf/modules/yzf.tab.js"></script>
<script src="/libs/yzf/modules/yzf.modal.js"></script>
<script src="/libs/yzf/modules/yzf.button.js"></script>
<script src="/js/pc/client/clientCommon.js"></script>
<script type="text/javascript" src="https://api.map.baidu.com/api?v=3.0&amp;ak=uyHKvFnUmC4dEslht0RXGEcmd71Dxx71&s=1"></script>
<script src="http://api.map.baidu.com/library/GeoUtils/1.2/src/GeoUtils.js"></script>
<script src="http://api.map.baidu.com/library/InfoBox/1.2/src/InfoBox_min.js"></script>
<script src="/common/js/map.js"></script>
<script type="text/javascript" th:inline="javascript">
    /*  实现地图搜房功能主要是几个步骤：
    1、添加聚合点marker（利用接口返回数据用marker来显示相应的数量来模拟聚合效果）；
    2、根据鼠标悬停事件来显示隐藏行政区划边界线（百度地图Polygon方法）；
    3、点击marker或鼠标滚轮事件来扩大地图级别显示所有的点（addEventListener(event: String, handler: Function)）；
    4、通过拖拽地图根据视野来加载对应的点，提高加载点位性能（百度地图GeoUtils）；
    5、给具体的点位添加信息窗体事件。
*/

    window.map = initMap();//初始化地图对象
    window.lastInfoBox = null; //定义最近打开的地图信息窗体
    window.pointArray = [];//行政区划点位集合
    window.labelData=[];//存数点位数据
    addMarker();//添加聚合点
    var map;
    var lng;
    var lat;
    var zhi;
    var fu;
    var shenZhi;
    var qianZhi;
    var rent_type;
    var rent;
    var room;
    var shu1;
    var buaho;



    function initMap() {
        map = new BMap.Map("ditu", {enableMapClick: false, minZoom: 9, maxZoom: 20});
        var point= new BMap.Point([[${lng}]],[[${lat}]]);//深圳中心点
        var opts = {offset: new BMap.Size(1440, 5)}
        var opts1 = {type: BMAP_NAVIGATION_CONTROL_ZOOM,offset: new BMap.Size(1500,600)}
        map.addControl(new BMap.NavigationControl(opts1));
        map.addControl(new BMap.ScaleControl(opts));
        map.centerAndZoom(point, 12);
        map.enableScrollWheelZoom(true);
        //监听地图级别缩放事件，当级别为9时默认加载集合点，扩大级别时显示详细点位数据
        buaho = map.getZoom();
        map.addEventListener("zoomend", function () {
            var zoomLevel=map.getZoom(); //获取地图缩放级别
            if(zoomLevel<=13){
                addMarker();
            }else if(zoomLevel == 14 || zoomLevel == 15){
                f();
                qianZhi = null;
            }else if(zoomLevel>=16){
                getAllLabel();
                shenZhi = null;
                lat = null;
                lng = null;
            } else{
                //当存储的数据有数时直接加载视野数据，否则请求接口数据
                if(labelData.length>0){
                    addViewLabel(labelData);
                }
            }
        });
        map.addEventListener("dragend", function(){
            var zoomLevel=map.getZoom(); //获取地图缩放级别
            if(zoomLevel >=16){
                $("#sidebar").html("");
                $("#sidebarWrapper")
                    .css('right','-1000px');
            }
        });
        return map;
    }

    //根据行政区划绘制聚合点位
    function addMarker() {
        map.clearOverlays();
        //模拟数据
        var id = [[${cityId}]];
        var shu=0;
        var clustereData;
        if(rent_type != null || rent != null || room != null){
            $.ajax({
                url: "/retAddress/fanyuanList",
                type: "POST",
                data: {"CSId": id, "huxingId": rent_type, "money": rent,"retWei":room,"leaseOut":shu1},
                dataType: "JSON",
                beforeSend: function () {
                    base.loading({msg: "房源加载中"})
                },
                success: function (data1) {
                    //为了提高百度地图性能，本篇例子点位全用label来加载点位
                    $.each(data1,function (index,data) {
                        var point = new BMap.Point(data.regionLongitude, data.regionLatitude);
                        //自定义label样式
                        var tpl = '<div class="region-overlay" data-longitude="' + data.regionLongitude + '"' +
                            ' data-latitude="' + data.regionLatitude + '" data-id="' + data.id + '"id-name="region_id" clicklevel="area">' +
                            '<div class="name" title="' + data.cityName + '">' + data.cityName + '</div>' +
                            '<div class="num"><span class="count">' + this.count + '</span>套</div>' +
                            '</div>';
                        var myLabel = new BMap.Label (tpl,
                            {
                                position: point, //label 在此处添加点位位置信息
                                offset: new BMap.Size(-46, -46)
                            });
                        myLabel.setStyle({
                            border: "0"
                        });
                        myLabel.setTitle(data.cityName);
                        map.addOverlay(myLabel);//添加点位
                        myLabel.addEventListener("click", function () {
                            map.centerAndZoom(point, 14);
                            map.enableScrollWheelZoom(true)
                            f();//获取所有点位数据
                        });
                        if(data.count != 0){
                            shu+=data.count;
                        }
                    })
                    base.loading({
                        msg: "共找到" +shu+ "套房源",
                        remove: !0,
                        spinner: "init"
                    })
                }
            });
        }else{
            clustereData=[[${quyuList}]]
            //为了提高百度地图性能，本篇例子点位全用label来加载点位
            $.each(clustereData,function (index,data) {
                var point = new BMap.Point(data.regionLongitude, data.regionLatitude);
                //自定义label样式
                var tpl = '<div class="region-overlay" data-longitude="' + data.regionLongitude + '"' +
                    ' data-latitude="' + data.regionLatitude + '" data-id="' + data.id + '"id-name="region_id" clicklevel="area">' +
                    '<div class="name" title="' + data.cityName + '">' + data.cityName + '</div>' +
                    '<div class="num"><span class="count">' + this.count + '</span>套</div>' +
                    '</div>';
                var myLabel = new BMap.Label (tpl,
                    {
                        position: point, //label 在此处添加点位位置信息
                        offset: new BMap.Size(-46, -46)
                    });
                myLabel.setStyle({
                    border: "0"
                });
                myLabel.setTitle(data.cityName);
                map.addOverlay(myLabel);//添加点位
                myLabel.addEventListener("click", function () {
                    map.centerAndZoom(point, 14);
                    map.enableScrollWheelZoom(true)
                    f();//获取所有点位数据
                });
            })
        }
    }

    function f() {
        buaho = map.getZoom();
        map.clearOverlays();
        //模拟数据
        var id = [[${cityId}]];
        var shu=0;
        $.ajax({
            url: "/retAddress/retPropertiesList",
            type: "POST",
            data:{"regionId":id,"qianZhi":qianZhi,"huxingId": rent_type, "money": rent,"retWei":room,"leaseOut":shu1},
            dataType: "JSON",
            beforeSend:function () {
                base.loading({msg: "房源加载中"})
            },
            success: function (data1) {
                if (data1!=null){
                    if(qianZhi != null){
                        var point = new BMap.Point(data1[0].propertiesLongitude,data1[0].propertiesLatitude);
                        map.centerAndZoom(point,14);
                    }
                    //为了提高百度地图性能，本篇例子点位全用label来加载点位
                    $.each(data1,function (index,data) {
                        var point = new BMap.Point(data.propertiesLongitude, data.propertiesLatitude);
                        //自定义label样式
                        var tpl = '<div class="area-overlay" data-longitude="' + data.propertiesLongitude + '"' +
                            ' data-latitude="' + data.propertiesLatitude + '" data-id="' + data.id + '"id-name="region_id" clicklevel="area">' +
                            '<div class="name" title="' + data.properties + '">' + data.properties + '</div>' +
                            '<div class="num"><span class="count">' + data.count + '</span>套</div>' +
                            '</div>';
                        var myLabel = new BMap.Label(tpl,
                            {
                                position: point, //label 在此处添加点位位置信息
                                offset: new BMap.Size(-46, -46)
                            });
                        myLabel.setStyle({
                            border: "0"
                        });
                        myLabel.setTitle(data.properties);
                        map.addOverlay(myLabel);//添加点位
                        myLabel.addEventListener("click", function () {
                            map.centerAndZoom(point, 16);
                            map.enableScrollWheelZoom(true);
                            getAllLabel();//获取所有点位数据
                        });
                        if(data.count != 0){
                            shu+=data.count;
                        }
                    })
                    base.loading({
                        msg: "共找到" +shu+ "套房源",
                        remove: !0,
                        spinner: "init"
                    })
                } else{
                    alert("为null")
                }
            }
        })
    }


    //根据行政区划绘制边界
    function getBoundary(regionName) {
        var bdary = new BMap.Boundary();
        bdary.get(regionName, function (rs) {
            var count = rs.boundaries.length; //行政区域的点有多少个
            if (count === 0) {
                alert('未能获取当前输入行政区域');
                return;
            }
            for (var i = 0; i < count; i++) {
                if (!window.ply) {
                    window.ply = new BMap.Polygon(rs.boundaries[i], {
                        strokeWeight: 2,
                        strokeColor: "rgb(66, 133, 244)",
                        fillColor: "rgba(53, 126, 244,0.1)"
                    }); //建立多边形覆盖物
                    map.addOverlay(ply);  //添加覆盖物
                } else {
                    window.ply.setPath(rs.boundaries[i]);
                    map.addOverlay(ply);  //添加覆盖物
                }
                ply.enableMassClear();
                pointArray = pointArray.concat(ply.getPath());
            }
        });
    }

    $(function() {
        $(".search-btn-deng").click(function () {
            $("#modal").html("");
            var id = [[${cityId}]];
            zhi = $("#map_search_key").val();
            //("#map_tip_modal").load("/retAddress/shuju?CSId="+id+"&leaseOut="+zhi);
            $.ajax({
                url: "/retAddress/chanquyu",
                type: "POST",
                data: {"addressId": id, "leaseOut": zhi},
                dataType: "JSON",
                success: function (data1) {
                    fu = data1[0].ret_lat;
                    var str = "<div id='map_tip_modal'>";
                    $.each(data1,function (index,e){
                        if(index == 0){
                            str+="<div class='map-similar tip-item-selected' lng='"+this.ret_lng+"' lat='"+this.ret_lat+"' id='"+this.ret_id+"'>" +
                                " "+this.lease_out+"<span class='region'>"+this.cityName+"</span></div>";
                        }else{
                            str+="<div class='map-similar tip-item' lng='"+this.ret_lng+"' lat='"+this.ret_lat+"' id='"+this.ret_id+"'>" +
                                " "+this.lease_out+"<span class='region'>"+this.cityName+"</span></div>";
                        }
                    })
                    str+="</div>";
                    $("#modal").append(str);
                }
            });
            getAllLabel();
        })

        $(document).on('click', '#map_tip_modal div', function(e) {
            lng = $(this).attr("lng");
            lat =$(this).attr("lat");
            $("#map_tip_modal div").addClass("map-similar tip-item")
            $(this).removeAttr("class")
            $(this).addClass("map-similar tip-item-selected");
            fu = null;
            getAllLabel();
        });

        $(document).on('click', '.BMapLabel div', function(e) {
            $(".BMapLabel div").removeClass("property-overlay-on");
            $(this).removeAttr("class");
            $(this).addClass("property-overlay property-overlay-on");
        });
        var i = 0;

        $(document).on('click', '.area-map', function(e) {
            shenZhi = $(this).attr("data-id");
            shenName = $(this).attr("data-name");
            $("#area_holder").html(shenName);
            i++;
            getAllLabel();
        });

        $(document).on('click', '.region-map', function(e) {
            if(i == 0){
                qianZhi = $(this).attr("data-id");
                qianName = $(this).attr("data-name");
                $("#area_holder").html(qianName);
                f();
            }else{
                i = 0;
            }
        });

        $("#rent_type li").click(function () {
            rent_type = $(this).attr("data-id");
        })
        $("#rent li").click(function () {
            rent = $(this).attr("data-id");
        })
        $("#room li").click(function () {
            room = $(this).attr("data-id");
        })

        $(".col-md-3 ul li").click(function () {
            shu1 = $("#map_search_key").val();
            //alert(buaho)
            if(buaho <= 13){
                addMarker();
            }else if(buaho == 14 || buaho == 15){
                f();
            }else if(buaho >= 16){
                getAllLabel();
                labelData=[];
            }
        })
    });


    //绘制详细楼盘点位信息
    function getAllLabel() {
        buaho = map.getZoom();
        map.clearOverlays();
        var id = [[${cityId}]];
        var shu=0;
        $.ajax({
            url: "/retAddress/retRentalInformationList",
            type: "POST",
            data: {"addressId": id,"leaseOut":zhi,"shenZhi":shenZhi,"huxingId": rent_type, "money": rent,"retWei":room,"leaseOut1":shu1},
            dataType: "JSON",
            beforeSend:function () {
                base.loading({msg: "房源加载中"})
            },
                success: function (data1) {
                if (data1 != null){
                    if(zhi != null || shenZhi != null){
                        var point = new BMap.Point(data1[0].retLng,data1[0].retLat);
                        map.centerAndZoom(point,16);
                    }else if(lng != null || lat!= null){
                        var point = new BMap.Point(lng,lat);
                        map.centerAndZoom(point,16);
                    }
                    $.each(data1,function (index,data) {
                        if(data.count != 0){
                            var point = new BMap.Point(data.retLng, data.retLat);
                            //信息窗口模板
                            if (data.retLat == lat || data.retLat == fu) {
                                var tpl = "<div class='property-overlay property-overlay-on' data-longitude='" + data.retLng + "' data-latitude='" + data.retLat + "' data-id='" + data.id + "' id-name='property_id'>" +
                                    "<span class='name'>" + data.leaseOut + "</span><span class='num'>" + data.count + "套</span><span class='arrow'></span></div>";
                            } else{
                                var tpl = "<div class='property-overlay' data-longitude='" + data.retLng + "' data-latitude='" + data.retLat + "' data-id='" + data.id + "' id-name='property_id'>" +
                                    "<span class='name'>" + data.leaseOut + "</span><span class='num'>" + data.count + "套</span><span class='arrow'></span></div>";
                            }
                            var myLabel = new BMap.Label(tpl,
                                {
                                    position: point, //label 在此处添加点位位置信息
                                    offset: new BMap.Size(-12, -15)
                                });
                            myLabel.setStyle({
                                border: "0"
                            });
                            myLabel.setTitle(data.leaseOut);
                            labelData.push(myLabel);
                            myLabel.addEventListener("click", function () {
                                $("#sidebarWrapper")
                                    .css('right', '0px');
                                $("#sidebar").html("");
                                $.ajax({
                                    url: "/retAddress/leaseOut",
                                    type: "POST",
                                    data: {"leaseOut": data.leaseOut},
                                    dataType: "JSON",
                                    success: function (data1) {
                                        var str = "<div>";
                                        $.each(data1, function (index, data) {
                                            if (index == 0) {
                                                str += "<div class='sidebar-prop'><a target='_blank'>" + this.lease_out + "</a></div>" +
                                                    " <div class='sidebar-item'><a href='/retAddress/houseDetails?id=" + this.ret_id + "' target='_blank'>" +
                                                    " <img src='" + this.ret_picture + "'><span class='apart-price'>" + this.money + "元/月</span>\n" +
                                                    " </a><ul class='sidebar-item-info'><a href='/retAddress/houseDetails?id=" + this.ret_id + "' target='_blank'>\n" +
                                                    " </a><li class='sidebar-item-info-left'><a href='/retAddress/houseDetails?id=" + this.ret_id + "' target='_blank'>\n" +
                                                    " </a><a href='/retAddress/houseDetails?id=" + this.ret_id + "' target='_blank'>" + this.ret_wei + "居" + this.huxing_type + "</a><br></li>" +
                                                    " <li class='sidebar-item-info-right'><span>" + this.measure + "</span>平米</li></ul></div>";
                                            } else {
                                                str += " <div class='sidebar-item'><a href='/retAddress/houseDetails?id=" + this.ret_id + "' target='_blank'>" +
                                                    " <img src='" + this.ret_picture + "'><span class='apart-price'>" + this.money + "元/月</span>\n" +
                                                    " </a><ul class='sidebar-item-info'><a href='/retAddress/houseDetails?id=" + this.ret_id + "' target='_blank'>\n" +
                                                    " </a><li class='sidebar-item-info-left'><a href='/retAddress/houseDetails?id=" + this.ret_id + "' target='_blank'>\n" +
                                                    " </a><a href='/retAddress/houseDetails?id=" + this.ret_id + "' target='_blank'>" + this.ret_wei + "居" + this.huxing_type + "</a><br></li>" +
                                                    " <li class='sidebar-item-info-right'><span>" + this.measure + "</span>平米</li></ul></div>";
                                            }
                                        });
                                        str += "</div>";
                                        $("#sidebar").append(str)
                                    }
                                });
                            });
                            if (data.count != 0) {
                                shu += data.count;
                            }
                        }
                    });
                    base.loading({
                        msg: "共找到" +shu+ "套房源",
                        remove: !0,
                        spinner: "init"
                    })
                    addViewLabel(labelData);//加载可视范围点
                }
            }
        });
    }


    function f1() {
        var ccc = [[${quyu}]];
        var str = " <span>";
        $.each(ccc,function (index,value){
          if(index == 0){
                str+="<li class='map-select-all' data-name='不限'>不限</li>"
            }
            str+=" <li class='region-map' data-id='"+this.id+"' lng='"+this.regionLongitude+"' lat='"+this.regionLatitude+"' data-name='"+this.cityName+"'>"+this.cityName+"" +
                "<div data-id='"+this.id+"' class='map-subway1 area-click' style='height:400px'>";
                for(var i=0;i<this.xiao.length;i++){
                    str+="<p><span></span><i class='area-map' data-name='"+this.xiao[i]['properties']+"' data-id='"+this.xiao[i]['id']+"' lng='"+this.xiao[i]['propertiesLongitude']+"' lat='"+this.xiao[i]['propertiesLatitude']+"'>"+this.xiao[i]['properties']+"</i></p>";
                }
                str+="</div></li>";
        })
        str+="</span>";
        $("#uuuu").append(str);
    }

    f1();

    //根据地图视野动态加载数据，当数据多时此方法用来提高地图加载性能
    //由于此篇模拟点位数据较少，视野加载不明显，当数据多时可直观感觉
    function addViewLabel(labels) {
        map.clearOverlays();
        for(var i = 0; i < labels.length; i ++){
            var result = BMapLib.GeoUtils.isPointInRect(labels[i].point, map.getBounds());
            if(result == true) {
                map.addOverlay(labels[i])
            } else{
                map.removeOverlay(labels[i]);
            }
        }
    }
</script>
</body>
</html>